<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="/common/taglibs.jsp"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

<style type="text/css">
.order_search {
	width: 228px;
	padding: 20px 5px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "Microsoft YaHei", '微软雅黑', 'Simsun', Verdana, Arial,
		Helvetica, sans-serif;
	color: #666;
}

.order_search ul {
	float: left;
	width: 228px;
}

ul {
	list-style: none;
}

.clr {
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.Search_operate {
	border-top: 1px dotted #ccc;
	text-align: right;
	line-height: 24px;
	/* padding-top: 8px; */
	/* margin-top: 30px; */
}
/* 强制一个高度，这样标签页就不会随着内容高度的改变而改变 */
.ui-tabs .ui-tabs-nav {
	clear: left;
	padding: 0 .2em .2em .2em;
}

.ui-tabs .ui-tabs-nav li {
	top: auto;
	bottom: 0;
	margin: 0 .2em 1px 0;
	border-bottom: auto;
	border-top: 0;
	border-bottom-width: 1px;
}

.ui-tabs .ui-tabs-panel {
	padding-top: 1px;
	padding-left: 10px;
	padding-bottom: 0px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	float: left;
	padding: .1em 1em;
	text-decoration: none;
}
.ui-widget-content {
/* 	background: #00B895 !important;  */
	/* 	#58B4C3 */
	font-size: 12px;
}
ul li{
	margin-top: 5px;
}
</style>
</head>
<body>
	<div id="tabs">
		<ul>
			<li><a href="#tabs-1">订单 </a></li>
			<li><a href="#tabs-2">货品 </a></li>
			<li><a href="#tabs-3">地址</a></li>
		</ul>
		<div id="tabs-1">
			<div class="order_find_cls">
				<table class="layout_tab">
					<tr>
						<td valign="top">
							<div class="order_search ui-widget-content">
								<ul>
									<li>
										<div class="title">客户单证号：</div>
										<div class="event">
											<input type="text"  
												id="order_code" class="input_text input_cookie"
												style="width: 120px;">
										</div>
										<div class="clr"></div>
									</li>
									<li>
										<div class="title">客户号：</div>
										<div class="event">
											<input type="text" name="conditionVo.sku" value="" id="cm_code"
												class="input_text input_cookie" style="width: 120px;">
										</div>
										<div class="clr"></div>
									</li>
									<li>
										<div class="title">店铺代码：</div>
										<div class="event">
											<input type="text" name="conditionVo.sku" value="" id="shop_account"
												class="input_text input_cookie" style="width: 120px;">
										</div>
										<div class="clr"></div>
									</li>
									<li>
										<div class="title">平台归属：</div>
										<div class="event">
											<select id="platform_code" class="input_text2 input_cookie"
												style="width: 120px;">
												<option value="">-- 全部 --</option>
												<option value="E">Ebay</option>
												<option value="A">亚马逊</option>
												<option value="S">速卖通</option>
											</select>


										</div>
										<div class="clr"></div>
									</li>
									<li>
										<div class="title">创建时间：</div>
										<div class="event">
											<input type="text" id="pfo_createdate_start"
												size="15" maxlength="35" value="" 
												class="input_text input_cookie"
												style="font-size: 10px; line-height: 13px; width: 54px; cursor: pointer;"
												onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',el:$dp.$('pfo_createdate_start'),startDate:'{%y}-%M-{%d-31}',maxDate:'{%y}-%M-{%d}',readOnly:true})"/>
											- <input type="text" id="pfo_createdate_end"
												size="15" maxlength="35" value="" 
												class="input_text input_cookie"
												style="font-size: 10px; line-height: 13px; width: 54px; cursor: pointer;"
												onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',el:$dp.$('pfo_createdate_end'),startDate:'{%y}-%M-{%d}',maxDate:'{%y}-%M-{%d}',readOnly:true})"/>
										</div>
										<div class="clr"></div>
									</li>
								</ul>
								<div class="clr"></div>
								<div class="Search_operate">
									<input name="order_btnClean" id="order_btnClean" type="button" value="清 空"
										class="publicBtn"
										style="margin-top: 30px; margin-right: 20px; margin-bottom: 20px;">
									<input id="order_btnQuery" name="order_btnQuery" type="button" value="查 询"
										class="publicBtn2"
										style="margin-top: 30px; margin-right: 20px; margin-bottom: 20px;">
								</div>
							</div>
						</td>

						<td>
							<div>
								<table id="order_grid"></table>
								<div id="order_pager"></div>
							</div>
						</td>
					</tr>
				</table>
			</div>
		</div>
		<div id="tabs-2">
			<div class="order_find_cls">
				<table class="layout_tab">
					<tr>
						<td valign="top">
							<div class="order_search ui-widget-content">
								<ul>
									<li>
										<div class="title">客户单证号：</div>
										<div class="event">
											<input type="text"   id="item_order_code"
												id="roReferenecode" class="input_text input_cookie"
												style="width: 120px;"/>
										</div>
										<div class="clr"></div>
									</li>
									<li>
										<div class="title">货品代码：</div>
										<div class="event">
											<input type="text"  id="item_code"
												class="input_text input_cookie" style="width: 120px;">
										</div>
										<div class="clr"></div>
									</li>
									<li>
										<div class="title">货品名称：</div>
											<input type="text"  id="item_name"
												class="input_text input_cookie" style="width: 120px;">
										<div class="clr"></div>
									</li>
								</ul>
								<div class="clr"></div>
								<div class="Search_operate">
									<input name="item_btnClean" id="item_btnClean" type="button" value="清 空"
										class="publicBtn"
										style="margin-top: 30px; margin-right: 20px; margin-bottom: 20px;">
									<input id="item_btnQuery" name="btnQuery" type="button" value="查 询"
										class="publicBtn2"
										style="margin-top: 30px; margin-right: 20px; margin-bottom: 20px;">
								</div>
							</div>
						</td>

						<td>
							<div>
								<table id="orderItem_grid"></table>
								<div id="orderItem_pager"></div>
							</div>
						</td>
					</tr>
				</table>
			</div>
		</div>
		<div id="tabs-3">
			<div class="order_find_cls">
				<table class="layout_tab">
					<tr>
						<td valign="top">
							<div class="order_search ui-widget-content">
								<ul>
									<li>
										<div class="title">客户单证号：</div>
										<div class="event">
											<input type="text"   id="addr_order_code"
												id="roReferenecode" class="input_text input_cookie"
												style="width: 120px;"/>
										</div>
										<div class="clr"></div>
									</li>
								</ul>
								<div class="clr"></div>
								<div class="Search_operate">
									<input name="addr_btnClean" id="addr_btnClean" type="button" value="清 空"
										class="publicBtn"
										style="margin-top: 30px; margin-right: 20px; margin-bottom: 20px;">
									<input id="addr_btnQuery" name="addr_btnQuery" type="button" value="查 询"
										class="publicBtn2"
										style="margin-top: 30px; margin-right: 20px; margin-bottom: 20px;">
								</div>
							</div>
						</td>

						<td>
							<div>
								<table id="orderAddr_grid"></table>
								<div id="orderAddr_pager"></div>
							</div>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	$(function() {

		$("#tabs").tabs({
			active : 0
		});
		
		/**
		 * 订单条件查询
		 */
		$("#order_btnClean").button().click(function(event) {
			$("#order_code").val("");
			$("#cm_code").val("");
			$("#shop_account").val("");
			$("#platform_code").val("");
			$("#pfo_createdate_start").val("");
			$("#pfo_createdate_end").val("");
		});
		$("#order_btnQuery").button().click(function(event) {
			var order_code=$("#order_code").val();
			var cm_code=$("#cm_code").val();
			var shop_account=$("#shop_account").val();
			var platform_code=$("#platform_code").val();
			var pfo_createdate_start=$("#pfo_createdate_start").val();
			var pfo_createdate_end=$("#pfo_createdate_end").val();
			var param={'order_code':order_code
					   ,'cm_code':cm_code
					   ,'shop_account':shop_account
					   ,'platform_code':platform_code
					   ,'pfo_createdate_start':pfo_createdate_start
					   ,'pfo_createdate_end':pfo_createdate_end};
			
			$("#order_grid").jqGrid('setGridParam',{
				postData:param
				}).trigger("reloadGrid");
		});
		
		/**
		 * 货品条件查询
		 */
		$("#item_btnClean").button().click(function(event) {
			$("#item_order_code").val("");
			$("#item_code").val("");
			$("#item_name").val("");
		});
		$("#item_btnQuery").button().click(function(event) {
			var order_code=$("#item_order_code").val();
			var item_code=$("#item_code").val();
			var item_name=$("#item_name").val();
			var param={'order_code':order_code
					   ,'item_code':item_code
					   ,'item_name':item_name
					  };
			
			$("#orderItem_grid").jqGrid('setGridParam',{
				postData:param
				}).trigger("reloadGrid");
		});
		
		/**
		 * 订单地址条件查询
		 */
		$("#addr_btnClean").button().click(function(event) {
			$("#addr_order_code").val("");
		});
		$("#addr_btnQuery").button().click(function(event) {
			var order_code=$("#addr_order_code").val();
		
			var param={'order_code':order_code};
			
			$("#orderAddr_grid").jqGrid('setGridParam',{
				postData:param
				}).trigger("reloadGrid");
		});
		
		
		
		var h = $("#main_center").height();
		var w = $("#main_center").width()-258;
		//当浏览器大小变化时
		$(window).resize(function() {
			h = $("#main_center").height();
			w = $("#main_center").width()-258;
			$(".ui-jqgrid-bdiv").css('height', h - (h * 0.22));
			$("#order_grid").setGridWidth(w);
		});
		//原始订单grid
		$("#order_grid").jqGrid(
				{
					url : '${ctx}/order/findOrderPage.action',
					datatype : "json",
					mtype:'POST',
					colNames : [ '平台订单主键', '平台订单号', '参考号', '发货订单号', '服务商跟踪号',
								 '平台销售号', '客户ID', '店铺代码', '第三方物流商发货仓库代码', '第三方物流商派送方式代码', 
							     '平台物流方式','运输成本', '平台类型', '上传服务商跟踪号', '支付总金额', 
							     '平台订单状态', '付款时间', '交易站点', 'PAYPAL交易号', '买家ID', 
							     '买家EMAIL', '付款方式', '卖家PAYPAL邮箱', '备注', '创建时间'
							    ],
					colModel : [ 
					 {name : 'pfoo_id',index : 'pfoo_id',width : 55,hidden:true}, 
					 {name : 'order_code',index : 'order_code',width : 150}, 
					 {name : 'ref_code',index : 'ref_code',width : 150},
					 {name : 'ship_order_code',index :'ship_order_code',width : 80,align : "right"},
					 {name : 'ship_server_code',index :'ship_server_code',width : 80,align : "right"}, 
					 {name : 'sales_number',index : 'sales_number',width : 80,align : "right"},
					 {name : 'customer_id',index : 'customer_id',width : 150,sortable : false}, 
					 {name : 'shop_account',index : 'shop_account',width : 150,sortable : false}, 
					 {name : 'wh_code',index : 'wh_code',width : 150,sortable : false} , 
					 {name : 'pk_code',index : 'pk_code',width : 150,sortable : false} ,
					 {name : 'shipping_service',index : 'shipping_service',width : 150,sortable : false} ,
					 {name : 'shipping_service_cost',index : 'shipping_service_cost',width : 150,sortable:false} ,
					 {name : 'platform_code',index : 'platform_code',width : 150,sortable : false} , 
					 {name : 'upload_ship_code',index : 'upload_ship_code',width : 150,sortable : false} ,
					 {name : 'amount_paid',index : 'amount_paid',width : 150,sortable : false},
					 {name : 'pfo_os_code',index : 'pfo_os_code',width : 150,sortable : false} ,
					 {name : 'payment_time',index : 'payment_time',width : 150,sortable : true
						 ,formatter:function(cellvalue, options, rowObject){
						 return $.global.formatDateT(cellvalue);
					 	}
					 } ,
					 {name : 'transaction_site_id',index : 'transaction_site_id',width : 150,sortable : false} ,
					 {name : 'externaltransaction',index : 'externaltransaction',width : 150,sortable : false} ,
					 {name : 'buyer_id',index : 'buyer_id',width : 150,sortable : false} ,
					 {name : 'buyer_email',index : 'buyer_email',width : 150,sortable : false} , 
					 {name : 'payment_method',index : 'payment_method',width : 150,sortable : false} , 
					 {name : 'seller_paypal_email',index : 'seller_paypal_email',width : 150,sortable : false},
					 {name : 'remark',index : 'remark',width : 150,sortable : false}, 
					 {name : 'pfo_createdate',index : 'pfo_createdate',width : 150, sortable : true
						,formatter:function(cellvalue, options, rowObject){
							 return $.global.formatDateT(cellvalue);
						 }
					 }
					 ],
					rowNum : 10,
					rowList : [ 10, 20, 30 ],
					pager : '#order_pager',
					sortname : 'pfo_createdate',
					rownumbers:true,
					rownumWidth:25,
					viewrecords : true,
					viewsortcols:[true,'vertical',true],
					width:w,
					shrinkToFit:false,
					autoScroll: true, 
					sortorder : "desc",
					height : h - (h * 0.22)
				}).navGrid('#order_pager',{edit:false,add:false,del:false});
		
		
		
	   /**
		* 原始表货品grid
		*/
		$("#orderItem_grid").jqGrid(
				{
					url : '${ctx}/order/findOrderItemPage.action',
					datatype : "json",
					mtype:'POST',
					colNames : [ '平台原始订单主键', '货品序列', '货品代码', '货品名称', '货品ID',
								 '交易ID', '数量', '币种', '当前销售价格', '实际支付金额'
							    ],
					colModel : [ 
					 {name : 'fk_pfoo_id',index : 'fk_pfoo_id',width : 55,hidden:true}, 
					 {name : 'pfoo_item_seq',index : 'pfoo_item_seq',width : 150}, 
					 {name : 'item_code',index : 'item_code',width : 150},
					 {name : 'item_name',index :'item_name',width : 80,align : "right"},
					 {name : 'item_id',index :'item_id',width : 80,align : "right"}, 
					 {name : 'transaction_id',index : 'transaction_id',width : 80,align : "right"},
					 {name : 'quantity',index : 'quantity',width : 150,sortable : false}, 
					 {name : 'currency',index : 'currency',width : 150,sortable : false}, 
					 {name : 'current_price',index : 'current_price',width : 150,sortable : false} , 
					 {name : 'payment_sum',index : 'payment_sum',width : 150,sortable : false} 
					 ],
					rowNum : 10,
					rowList : [ 10, 20, 30 ],
					pager : '#orderItem_pager',
					sortname : 'fk_pfoo_id',
					rownumbers:true,
					rownumWidth:25,
					viewrecords : true,
					viewsortcols:[true,'vertical',true],
					width:w,
					shrinkToFit:false,
					autoScroll: true, 
					sortorder : "desc",
					height : h - (h * 0.22)
				}).navGrid('#orderItem_pager',{edit:false,add:false,del:false});
	   
	   /**
	    * 订单地址表grid
	    */
		$("#orderAddr_grid").jqGrid(
				{
					url : '${ctx}/order/findOrderAddrPage.action',
					datatype : "json",
					mtype:'POST',
					colNames : [ '平台原始订单主键', '收件人姓名', '收件人姓名街道1', '收件人姓名街道2', '收件人城市',
								 '收件人城市州/省', '收件人国家代码', '收件人国家名称', '收件人电话',
								 '收件人邮编','收件人门牌号'
								],
					colModel : [ 
					 {name : 'fk_pfoo_id',index : 'fk_pfoo_id',width : 55,hidden:true}, 
					 {name : 'consignee_name',index : 'consignee_name',width : 150,sortable : false}, 
					 {name : 'consignee_street1',index : 'consignee_street1',width : 150},
					 {name : 'consignee_street2',index :'consignee_street2',width : 80,align : "center"},
					 {name : 'consignee_cityname',index :'consignee_cityname',width : 80,align : "center"}, 
					 {name : 'consignee_stateorprovince',index : 'consignee_stateorprovince',width : 80,align : "center"},
					 {name : 'consignee_country_code',index : 'consignee_country_code',width : 150, align : "center",sortable : false}, 
					 {name : 'consignee_country_name',index : 'consignee_country_name',width : 150,align : "center",sortable : false}, 
					 {name : 'consignee_phone',index : 'consignee_phone',width : 150,sortable : false} , 
					 {name : 'consignee_postcode',index : 'consignee_postcode',width : 150,sortable : false},
					 {name : 'consignee_doorplate',index : 'consignee_doorplate',width : 150,sortable : false}
					 ],
					rowNum : 10,
					rowList : [ 10, 20, 30 ],
					pager : '#orderAddr_pager',
					sortname : 'fk_pfoo_id',
					rownumbers:true,
					rownumWidth:25,
					viewrecords : true,
					viewsortcols:[true,'vertical',true],
					width:w,
					shrinkToFit:false,
					autoScroll: true, 
					sortorder : "desc",
					height : h - (h * 0.22)
				}).navGrid('#orderAddr_pager',{edit:false,add:false,del:false});
		
		
	});
</script>
<script type="text/javascript" src="${ctx}/js/edit_jqui_tabs.js"></script>
</html>